<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form表单</title>
</head>
<body>
<form action="">
    文本:<input type="text" placeholder="请输入一段文本" maxlength="8" name="username" required><br><br>
    密码:<input type="password" name="password" placeholder="请输入密码"><br><br>
    颜色选择:<input type="color" name="color"><br><br>
    单选框:
    <label for="boy">
        男:<input type="radio" name="sex" value="1" id="boy">
    </label>
    <label for="girl">
        女:<input type="radio" name="sex" value="0" id="girl">
    </label>
    <br><br>
    复选框:
    <input type="checkbox" name="ball">篮球
    <input type="checkbox" name="ball">乒乓球
    <input type="checkbox" name="ball">足球<br><br>
    文件选择:
    <input type="file" name="file"><br><br>
    滑块选择:
    0<input type="range" min="0" max="100">100<br><br>
    数字:
    <input type="number" placeholder="请输入一串数字"><br><br>
    时间（日期）:
    <input type="date"><br><br>
    时间（小时）:
    <input type="datetime-local"><br><br>
    邮箱:
    <input type="email"><br><br>
    提交按钮:
    <input type="submit" value="点我提交表单"><br><br>
    普通按钮:
    <input type="button" value="点我没什么反应">
</form>
</body>
</html>